نکات طراحی وب

در اینجا به معرفی کد html که جدول می سازد می پردازیم. در این مرحله قوانین اصلی و اولیه تولید جدول به شما آموزش داده می شود، با ما همراه باشد.
در تعریف عمومی جدول جدول شما به صورت زیر نمایش داده می شود.
کد مورد استفاده

<table>
    <thead>
        <tr>
            <td>تیتر 1</td>
            <td>تیتر 2</td>
            <td>تیتر 3</td>
        </tr>
    </thead>
    <tr>
        <td>سطر اول متن اول</td>
        <td>سطر اول متن دوم</td>
        <td>سطر اول متن سوم</td>
    </tr>
    <tr>
        <td>سطر دوم متن اول</td>
        <td>سطر دوم متن دوم</td>
        <td>سطر دوم متن سوم</td>
    </tr>
    <tr>
        <td>سطر سوم متن اول</td>
        <td>سطر سوم متن دوم</td>
        <td>سطر سوم متن سوم</td>
    </tr>
</table>

اما در صورت استفاده از افزونه bootstrap به شکل زیر نتیجه تعقیر پیدا می کند کد مورد استفاده

<table class="table">
    <thead>
        <tr>
            <td>تیتر 1</td>
            <td>تیتر 2</td>
            <td>تیتر 3</td>
        </tr>
    </thead>
    <tr>
        <td>سطر اول متن اول</td>
        <td>سطر اول متن دوم</td>
        <td>سطر اول متن سوم</td>
    </tr>
    <tr>
        <td>سطر دوم متن اول</td>
        <td>سطر دوم متن دوم</td>
        <td>سطر دوم متن سوم</td>
    </tr>
    <tr>
        <td>سطر سوم متن اول</td>
        <td>سطر سوم متن دوم</td>
        <td>سطر سوم متن سوم</td>
    </tr>
</table>

همان طور که مشاهده می کنید تنها با استفاده از کلاس table شکل جدول بسیار تعقیر می کند